<!-- 段位等级 -->
<template>
    <div style="padding: 0">
        <van-row class="title">
            <van-col span="22" class="text-align-c color-6 font-3">请选择段位等级</van-col>
            <van-col span="2"><em class="fr color-default" v-on:click="closePopup">完成</em></van-col>
        </van-row>
        <ul class="content">
          <li><span>尊贵黄金</span></li>
          <li><span>尊贵黄金</span></li>
          <li><span>尊贵黄金</span></li>
          <li><span>尊贵黄金</span></li>
          <li><span>尊贵黄金</span></li>
          <li><span>尊贵黄金</span></li>
          <li><span>尊贵黄金</span></li>
          <li><span>尊贵黄金</span></li>
        </ul >
    </div>
</template>
<script>
  import { Area } from 'vant';
    export default {
      data(){
        return {

        };
      },
      methods: {
        closePopup:function() {
          this.$emit('listentoLevelEvent','msg');
        }
      }

    }
</script>
<style scoped>
.content {
  min-height: 200px;
  max-height: 200px;
  overflow-y: scroll;
}
.content li.active,.content li:hover {
  color: #333;
  border-top: 0.02rem solid rgb(233, 231, 231);
  border-bottom: 0.02rem solid rgb(233, 231, 231); 
}
.content li {
  color: #999;
  text-align: center;
  padding: 0.4rem 0;
}
.title {
    font-size: 0.56rem;
    padding: 0.6rem 0.6rem;
    border-bottom: 0.03rem solid rgb(233, 231, 231);
}
</style>